body
{
  font-family:"Segoe UI",Tahoma,Geneva,Verdana,微软雅黑;
  font-size:10pt;
  line-height:1.5;
  margin:0;
  padding:0;
}

a,h1,h2,li,p,ul
{
  list-style:none;
  margin:0;
  padding:0;
  text-decoration:none;
}

img
{
  border:none;
}

a:focus,a:hover
{
  color:#06f;
}

a:active
{
  color:#039;
}

::-webkit-scrollbar
{
  overflow:visible;
  width:12px;
}

::-webkit-scrollbar-button
{
  height:0;
  width:0;
}

::-webkit-scrollbar-track
{
  background-clip:padding-box;
  border:1px solid transparent;
}

::-webkit-scrollbar-track:horizontal
{
  border-width:4px 0 0;
}

::-webkit-scrollbar-track:hover
{
  background-color:rgba(0,0,0,.05);
  border:1px solid rgba(0,0,0,.1);
}

::-webkit-scrollbar-track:horizontal:hover
{
  border:1px solid rgba(0,0,0,.1);
}

::-webkit-scrollbar-track:active
{
  background-color:rgba(0,0,0,.1);
  border:1px solid rgba(0,0,0,.2);
}

::-webkit-scrollbar-track:horizontal:active
{
  border:1px solid rgba(0,0,0,.2);
}

::-webkit-scrollbar-thumb
{
  background:rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.1);
}

::-webkit-scrollbar-thumb:hover
{
  background:rgba(36,36,36,.15);
}

button,input,select
{
  font-family:"Segoe UI",Tahoma,Geneva,Verdana,微软雅黑;
}

button
{
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);
  background:0;
  border:1px solid #bbb;
  color:#333;
  cursor:pointer;
  padding:4px 15px;
}

button:hover
{
  background:0;
  border-color:#3599ff;
  color:#000;
}

button.current,button:active
{
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.1) inset;
  background:#DDD;
  border-color:#AAA;
  color:#666;
}

button:disabled
{
  -webkit-box-shadow:none;
  background:#f8f8f8;
  border-color:#d6d6d6;
  color:#999;
}

input[type=search]
{
  -webkit-appearance:none;
  width:220px;
}

textarea
{
  -webkit-appearance:none;
  margin:0 -6px;
}

::-webkit-input-placeholder
{
  color:#999;
}

:focus::-webkit-input-placeholder
{
  opacity:0;
}

input[type=password],input[type=search],input[type=text],textarea
{
  background:#fff;
  border:1px solid #aaa;
  outline:0;
  padding:4px 6px;
}

input[type=password]:hover,input[type=search]:hover,input[type=text]:hover,textarea:hover
{
  border-color:#3499ff;
}

input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,textarea:focus
{
  border-color:#537CA6;
}

input[type=password]:disabled,input[type=search]:disabled,input[type=text]:disabled,textarea:disabled
{
  background:#f8f8f8;
  color:#ccc;
}

input[readonly],textarea[readonly]
{
  background:#FFF;
  border-color:#ddd!important;
}

input[type=search]::-webkit-search-decoration
{
  -webkit-appearance:none;
  background:url(_images/search_16.png) no-repeat;
  height:16px;
  margin-right:4px;
  width:16px;
}

input[type=search]::-webkit-search-cancel-button
{
  -webkit-appearance:none;
  background:url(_images/search_cancel_16.png) no-repeat;
  height:16px;
  width:16px;
}

select
{
  -webkit-appearance:none;
  background:url(../_images/select_dropdown.png) 100% 50% no-repeat,-webkit-gradient(linear,00,100%,from(#fff),to(#f6f6f6));
  border:1px solid #bbb;
  cursor:pointer;
  outline:0;
  padding:4px 20px 4px 6px;
}

select:hover
{
  background:url(../_images/select_dropdown.png) 100% 50% no-repeat,-webkit-gradient(linear,00,100%,from(#fff),to(#F0F7FF));
  border-color:#3499ff;
}

select:active
{
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.1) inset;
  background:url(../_images/select_dropdown.png) 100% 50% no-repeat,-webkit-gradient(linear,00,100%,from(#DDD),to(#DDD));
  border-color:#aaa;
}

select:disabled
{
  -webkit-box-shadow:none;
  background:url(../_images/select_dropdown.png) 100% 50% no-repeat #f8f8f8;
  border-color:#d6d6d6;
  color:#999;
}

header
{
  -webkit-align-items:center;
  background:#82ac00;
  color:#fff;
  display:0;
  padding:4px;
}

header h1
{
  -webkit-flex:1;
  font-size:21px;
  font-weight:400;
  margin:6px 24px 6px 0;
}

header .sep
{
  background:rgba(255,255,255,.15);
  height:30px;
  margin:0 16px;
  width:1px;
}

header button
{
  -webkit-box-shadow:none;
  background:0 0;
  border:1px solid rgba(255,255,255,0);
  color:#fff;
  cursor:pointer;
  margin:6px 0;
  padding:4px 15px;
}

header button:hover
{
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
}

header button.current,header button:active
{
  background:rgba(0,0,0,.3);
  border-color:#fff;
}

header input[type=search],header input[type=text]
{
  background:0 0;
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
  margin:0 10px;
  padding:4px 6px;
}

header input[type=search]:focus,header input[type=search]:hover,header input[type=text]:focus,header input[type=text]:hover
{
  background:#fff;
  border-color:#fff;
  color:#000;
}

header input[type=search]::-webkit-input-placeholder,header input[type=text]::-webkit-input-placeholder
{
  color:rgba(255,255,255,.75);
}

header input[type=search]:hover::-webkit-input-placeholder,header input[type=text]:hover::-webkit-input-placeholder
{
  color:#aaa;
}

header input[type=search]::-webkit-search-decoration
{
  background-image:url(_images/search_white_16.png);
}

header input[type=search]:focus::-webkit-search-decoration,header input[type=search]:hover::-webkit-search-decoration
{
  background-image:url(_images/search_16.png);
}

header input[type=search]::-webkit-search-cancel-button
{
  background-image:url(_images/search_cancel_white_16.png);
}

header input[type=search]:focus::-webkit-search-cancel-button,header input[type=search]:hover::-webkit-search-cancel-button
{
  background-image:url(_images/search_cancel_16.png);
}

nav
{
  background:#ececec;
  box-sizing:border-box;
  display:0;
  overflow:hidden;
  padding:6px 8px;
  width:100%;
  z-index:99;
}

nav button:not(.current)
{
  -webkit-box-shadow:none;
  background:0 0;
}

nav button:not(.current):hover
{
  background-color:#eaf4ff;
}

nav button:not(.current):active
{
  background-color:#ccc;
}

.mask
{
  background:#000;
  display:none;
  height:100%;
  left:0;
  opacity:.1;
  position:fixed;
  top:0;
  width:100%;
  z-index:50;
}

.dialog
{
  -webkit-box-shadow:0 1px 8px rgba(0,0,0,.3);
  background:#f5f5f5;
  border:1px solid #888;
  cursor:default;
  left:50%;
  max-width:640px;
  min-width:320px;
  position:absolute;
  top:50%;
  z-index:60;
}

.dialog-header
{
  background:#ececec;
  border-bottom:1px solid #CCC;
  display:0;
  overflow:hidden;
  padding:10px 8px 10px 14px;
}

.dialog-header .title
{
  -webkit-flex:1;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:0;
}

.dialog-header .close
{
  background:url(../_images/close.png) center center no-repeat;
  height:16px;
  padding:1px;
  width:16px;
}

.dialog-header .close:hover
{
  background-image:url(../_images/close_hover.png);
}

.dialog-header .close:active
{
  background-image:url(../_images/close_active.png);
}

.dialog-content
{
  border-bottom:1px solid #CCC;
  padding:10px 16px;
}

.dialog-footer
{
  background:#ececec;
  overflow:hidden;
  padding:10px 16px;
  text-align:right;
}

.dialog-footer .dialog-ctrl
{
  text-align:right;
}

.dialog-footer button
{
  min-width:80px;
}

header .header-wrapper
{
  display:0;
  margin:0 auto;
  width:560px;
}

nav .nav-wrapper
{
  -webkit-align-items:center;
  display:0;
  margin:0 auto;
  width:560px;
}

#openPages
{
  min-width:120px;
  padding:6px 10px;
}

.recent-nav-container
{
  -webkit-flex:1;
  text-align:right;
}

.recent-nav-container a
{
  background:#ececec;
  border:1px solid #bbb;
  color:#666;
  margin-left:-5px;
  padding:6px 10px;
  position:relative;
  text-decoration:none;
  z-index:10;
}

.recent-nav-container button
{
  margin-left:-7px;
  position:relative;
  z-index:10;
}

.recent-nav-container button:hover
{
  z-index:20;
}

.content
{
  margin:0 auto;
  width:560px;
  z-index:9;
}

.page
{
  margin:15px 0 20px;
}

.page li
{
  height:28px;
  line-height:26px;
  margin:0 5px 0 0;
  overflow:hidden;
  position:relative;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page li span
{
  background:url(mx://res/last-visit/images/btn_del.png) 3px 3px no-repeat;
  height:16px;
  left:4px;
  opacity:.35;
  position:absolute;
  top:6px;
  width:16px;
}

.page li:hover span
{
  opacity:1;
}

.page li:hover span:hover
{
  background:url(mx://res/last-visit/images/btn_del_hover.png) no-repeat;
}

.page li img
{
  left:30px;
  position:absolute;
  top:5px;
}

.page li a
{
  color:#000;
  left:54px;
  max-width:500px;
  overflow:hidden;
  position:absolute;
  text-overflow:ellipsis;
  top:0;
  white-space:nowrap;
}

.page li.check a
{
  color:#ccc;
  text-decoration:line-through;
}

.page li.check span
{
  display:block;
}

.page li.check img
{
  opacity:.3;
}

a,.page li a:hover
{
  color:#06c;
}

.page li.reopend a,.page li.reopend a:hover
{
  color:red;
}